<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--头部-->
<div>

    <a href="#"> NO.1html的基础语法和常用标签</a>
    <a href="#"> NO.2路径、图片、a标签、列表</a>
    <a href="#"> NO.3列表、div容器、span及标签的综合使用代码调试</a>
    <a href="#"> NO.4表格</a>

</div>

<div>
    <h2 >前端笔记</h2>
    <ol>
        <li>
            <a href="#no.1biji">NO.1</a>
        </li>

        <li>
            <a href="#no.2biji">NO.2</a>
        </li>

        <li>
            <a href="#no.3biji">NO.3</a>
        </li>
    </ol>


</div>
<div id="no.1biji">
    <h3>NO.1笔记</h3>
    <p>HTML部分笔记 上网？ 浏览网页 网页 是 前端开发工程师 做出来的 网页里面包含了什么内容？ 分为三个部分：</p>
    <ol>
        <li>HTML：超文本标记语言 负责页面的框架部分</li>
        <li>CSS：样式 描述页面框架样式的语言</li>
        <li>JavaScript：处理页面中 逻辑 交互</li>
    </ol>
    <p>承载超文本标记语言的文件 也是一个html尾缀的文件 就是一个普通的文本文件 HTML文档的结构 两大部分组成</p>
    <ol>
        <li>头 head</li>
        <li>身体 body</li>
    </ol>
    <p>HTML中的每一个元素 都是一个标签</p>
</div>
<!--NO.2-->

<div id="no.2biji">
    <h3>NO.2笔记</h3>
    <P>Git的其他操作 克隆远程代码仓库到本地：git clone 代码仓库的地址 把远程代码仓库中的内容拉取到本地:</P>
    <ol>
        <li>
            切换到代码仓库的根目录：cd 代码仓库的根目录
        </li>
        <li>
            同步远程代码:git pull
        </li>
    </ol>
    <p>码云为例 创建代码仓库 上传代码 设置自己的网站主页</p>
    <ol>
        <li>
            创建代码仓库 登陆码云：https://gitee.com/
        </li>
        <li>
            把创建好的远程代码仓库 克隆到本地 复制代码仓库的地址 使用git命令克隆远程代码到本地
        </li>
        <li>
            打开本地的代码仓库 书写代码
        </li>
        <li>
            上传代码 切换到本地代码仓库的根目录 添加文件 添加文件时候的说明 上传到远程代码仓库
        </li>
        <li>
            设置主页 切换到码云主页 这个网址 就是 自己写的 那个页面
        </li>
    </ol>
</div>
<!--NO.3-->
<div id="no.3biji">
    <h3>NO.3笔记</h3>
    <h4>列表</h4>
    <ol>
        <li>有序列表</li>
        <li>无序列表</li>
        <li>自定义列表</li>
    </ol>
    <h4>总结</h4>
    <ol>
        <li>Div标签</li>
        <li>Span标签</li>
        <li>块级元素:独占行</li>
        <li>内联元素：可以跟其他的行内标签共用一行</li>
        <li>块：p，div，ul，ol，dl，li，dt，h1-h6</li>
        <li>行：span，strong，img，文本相关的标签都是行内标签</li>
    </ol>
    代码调试
</div>
</body>
</html>
